<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 
                v-text指令：
                    1.作用：向其所在的节点中渲染文本内容
                    2.区别：会替换节点中的内容，{{xxx}}不会
         -->
        <div id="root">
            <div>你好，{{name}}</div>
            <div v-text="name"></div>
            <div v-text="str"></div>
        </div>
        <script>
            Vue.config.productinTip = false;
            const vm = new Vue({
                el:"#root",
                data:{
                    name:"尚硅谷",
                    str:"<h1>啦啦啦</h1>"
                }
            })


        </script>
    </body>
</html>